import React,{FC} from 'react'
import classNames from 'classnames'


type MenuMode ='horizontal' | 'vertical'
export interface MenuProps {
  defaultIndex?:number;
  className?:number;
  mode?:MenuMode;
  style?:React.CSSProperties;
  onSelect?:(selectedIndex:number)=>void;
}
const Menu:FC<MenuProps> =(props)=>{
  const {className,mode,style,defaultIndex,children} = props
  const classes = classNames('viking-menu',className,{
    'menu-vertical':mode==='vertical'
  })
  return (
    <ul className={classes} style={style}>
      {children}
    </ul>
  )
}
export default Menu